<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
   <div class="main">
    <div class="nav-top">
        <ul>
            <li>新闻</li>
            <li>hao123</li>
            <li>地图</li>
            <li>视频</li>
            <li>贴吧</li>
            <li>学术</li>
            <li>更多</li>
        </ul>
        <a href="#">设置</a>
        <button class="butt">登录</button>
    </div>
    <div class="container">
        <img class="img"  src="images/111.png" alt="">
        <div class="search">
            

            <input class="input" type="text">
            <button>百度一下</button>
        </div>   
        <div class="list-top">
            <ul>
                <li>百度热榜</li>
                <li>换一换</li>
            </ul>
        </div>
        <div class="content-list">
           
            <div class="list-left">
                <ul>
                    <li>外交部回应菅义伟当选日本首相</li>
                    <li>瑞丽已完成核酸检测全部为阴性</li>
                    <li>老奶奶坐公交对着司机的头扫码</li>
                </ul>
            </div>
            <div class="list-right">
                <ul>
                    <li>台湾男星黄鸿升去世</li>
                    <li>大一新生超一本线118分只报考古</li>
                    <li>山火中美国民众跳湖保命</li>
                </ul>
            </div>
        </div>
      
    </div>
    <div class="pic">
        <img src="images/untitled.png" alt="">
    </div>
    <div class="nav-bottom">
        <div>
            <span>设为首页   &nbsp;&nbsp;&nbsp;关于百度   &nbsp;&nbsp;&nbsp;About Baidu  &nbsp;&nbsp;&nbsp;百度营销 &nbsp;&nbsp;&nbsp; 使用百度前的必读  &nbsp;&nbsp;&nbsp;意见反馈 &nbsp;&nbsp;&nbsp;帮助中心</span> 
            <span>@2020 Baidu  &nbsp;&nbsp;&nbsp; （京）-经营性-2017-0020&nbsp;&nbsp;&nbsp;  京公网安备11000002000001号 &nbsp;&nbsp;&nbsp; 京ICP证030173号</span>
        </div>
     </div>
 
   </div>
</body>
</html>